<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>贷款-服务产品新建/编辑</title>
        <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"/>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/commonStyle.css"/>
        <link rel="stylesheet" href="css/Login.css">
        <link rel="stylesheet" href="css/tinyeditor.css"/>
        <style type="text/css" class="init"></style>
        <!--  图片上传  -->
<script type="text/javascript" src="js/plus_more.js"></script>
<!--  图片上传  -->
        <script src="js/jquery-1.11.2.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/tinyeditor.js"></script>
        <script type="text/javascript" src="js/jquery.dataTables.js"></script>
        <script type="text/javascript" language="javascript" class="init">
            $(document).ready(function() 
            {
                $('#example').dataTable();

            } );
        </script>
    </head>

    <body>
    <div class="container">
       <!--页头-->
       <header>
          <h2><span id="title">贷款服务产品信息编辑</span></h2>
       </header>
       <hr>
        
        <article>
        <form class="form-horizontal">
	   <!--服务产品编号-->
          <div class="form-group">
            <label for="num" class="col-sm-2 control-label">服务产品编号</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="num" placeholder="#1000521" readonly>
            </div>
            <p class="help-inline">系统自动分配，每个服务产品的唯一ID</p>
          </div>
       <!--服务产品名称-->
          <div class="form-group">
            <label for="name" class="col-sm-2 control-label">服务产品名称</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="name" placeholder="*****">
            </div>
            <p class="help-inline">最多18个汉字</p>
          </div>
  	   <!-- 所属分类-->
          <div class="form-group">
            <label class="col-sm-2 control-label">所属分类</label>
            <div class="col-xs-4">
                <select id="kind" class="form-control" disabled>
                     <option>贷款服务</option>
                </select>
            </div>
          </div>
       <!--产品特色-->
          <div class="form-group">
          	 <label class="col-sm-2 control-label">产品特色</label>
             <div class="col-sm-8">
                	<textarea id="" class="form-control" rows="2" >逗号分割</textarea>
                </div>
          </div>
	   <!--贷款对象-->
          <div class="form-group">
             <label class="col-sm-2 control-label">贷款对象</label>
             <div class="col-xs-4">
                <select id="kind" class="form-control" disabled>
                     <option selected value="企业" >企业</option>
                </select>
            </div>
           </div>
       <!--贷款额度-->
      	  <div class="form-group">
            <label for="num" class="col-sm-2 control-label">贷款额度</label>
            <div class="col-xs-2">
                <input type="text" class="form-control" id="num" placeholder="*****" >
            </div>
            <div class="col-xs-2 col-xs-1a">
               至
            </div>
            <div class="col-xs-2">
                <input type="text" class="form-control" id="num" placeholder="*****" >
            </div>
            <div class="col-xs-2 col-xs-1a">
               万元
            </div>
          </div>
      <!--贷款利率-->
      	<div class="form-group">
            <label for="num" class="col-sm-2 control-label">贷款利率</label>
            <div class="col-xs-2">
                <input type="text" class="form-control" id="num" placeholder="*****" >
            </div>
            <div class="col-xs-2 col-xs-1a">至</div>
            <div class="col-xs-2">
                <input type="text" class="form-control" id="num" placeholder="*****" >
            </div>
             <div class="col-xs-2 col-xs-1a">%</div>
          </div>
      <!--放款时间-->
      	<div class="form-group">
            <label for="num" class="col-sm-2 control-label">放款时间</label>
            <div class="col-xs-2">
                <input type="text" class="form-control" id="num" placeholder="*****" >
            </div>
            <div class="col-xs-1">
                <select id="kind" class="form-control">
                     <option selected value="天" >天</option>
                     <option value="周">周</option>
                     <option value="月">月</option>
                 </select>
                </select>
            </div>
        </div>
      <!--贷款期限-->
      	<div class="form-group">
            <label for="num" class="col-sm-2 control-label">贷款期限</label>
            <div class="col-xs-2">
                <input type="text" class="form-control" id="num" placeholder="*****" >
            </div>
            <div class="col-xs-1">
                <select id="kind" class="form-control">
                     <option selected value="天" >天</option>
                     <option value="周">周</option>
                     <option value="月">月</option>
                 </select>
                </select>
            </div>
        </div>
      <!--还款方式-->
          <div class="form-group">
            <label for="name" class="col-sm-2 control-label">还款方式</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="name" >
            </div>
          </div>	
      <!--申请条件-->
          <div class="form-group">
          	 <label class="col-sm-2 control-label">申请条件</label>
             <div class="col-sm-8">
                	<textarea id="" class="form-control" rows="2" ></textarea>
                </div>
          </div>  
      <!--办理流程-->
          <div class="form-group">
          	 <label class="col-sm-2 control-label">办理流程</label>
             <div class="col-sm-8">
                	<textarea id="" class="form-control" rows="4" ></textarea>
                </div>
          </div> 
      <!--所需资料-->
          <div class="form-group">
          	 <label class="col-sm-2 control-label">所需资料</label>
             <div class="col-sm-8">
                	<textarea id="" class="form-control" rows="4" ></textarea>
                </div>
          </div>
      <!--备注-->
      	 <div class="form-group">
          	 <label class="col-sm-2 control-label">备注</label>
             <div class="col-sm-8">
                	<textarea id="" class="form-control" rows="1" ></textarea>
                </div>
          </div>
      <!-- 公司logo-->
          <div class="form-group">
            <label for="rent" class="col-sm-2 control-label">园区logo</label>
            <div id="uplogol_3" style="float:left; border:1px solid #999999; margin-left:14px;"><img id="showlogol_3" name="" src="images/Project-LOGO.png" class="other_pic_logo"/></div>
        <div style="float:left;">
          <label for="surelogol_3" class="btn btn-primary submit_btn_img_p" style="margin-left:20px; margin-top:20px;" > +更换图片
            <input type="file" onchange="previewImage(this,'uplogol_3','showlogol_3',120,120)" name="pic_submit" class="submit_btn" style="display:none;" id="surelogol_3" value="上传Logo"/>
          </label>
          <p class="Tab_he_2">规格：120✖120；</p>
          <p class="Tab_he_3">格式：JPG；</p>
        </div>
          </div>
      <!--          附件-->
            <div class="form-group">
                <label for="Source" class="col-sm-2 control-label">添加附件</label>
                <div class="col-sm-3">
                    <input class="btn btn-default" type="file">
                </div>
            </div>
      <!--批量备注-->
      	 <div class="form-group">
          	 <label class="col-sm-2 control-label">批量备注</label>
             <div class="col-sm-7">
                <textarea id="" class="form-control" rows="3" >批量备注</textarea>
               
             </div>
             <div class="col-sm-1">
             	<p class="help-inline">此处供内部查看</p>
             </div>
          </div> 
      <!--按钮-->
      <div class="buttongroup" style="width:970px; margin-left:0px; margin-top:0px;">
              <button type="button" class="btn btn-primary" id="contact_btn1">保存为草稿</button>
              <button type="button" class="btn btn-primary" id="contact_btn2">保存并上线</button>
              <button type="reset" class="btn btn-primary" id="p_savenone" style="margin-left: 80px;width:100px;margin-top:13px;">取消</button>
          </div>
       </form>
       </article>
       </div>
        <!-- 保存为草稿的弹窗 开始 -->
        <div id="Popups_savech" class="Popup_out_st">
            <div id="Con_box_savech" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_savech" class="Close_Popups"/>
                <label class="Popup_label">保存为草稿</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">保存修改内容？</p>
                <button class="btn btn-primary" id="Popups_saveyes" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_saveno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 保存为草稿弹窗 结束 -->
<!-- 保存并上线弹窗 开始 -->
        <div id="Popups_saveup" class="Popup_out_st">
            <div id="Con_box_saveup" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_saveup" class="Close_Popups"/>
                <label class="Popup_label">保存并上线</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">保存修改内容并发布上线？</p>
                <button class="btn btn-primary" id="Popups_saveupyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_saveupno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 保存并上线弹窗 结束 -->
<!-- 取消弹窗 开始 -->
        <div id="Popups_savenone" class="Popup_out_st">
            <div id="Con_box_savenone" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_savenone" class="Close_Popups"/>
                <label class="Popup_label">取消</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">确定放弃当前文案修改？</p>
                <button class="btn btn-primary" id="Popups_savenoneyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_savenoneno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 取消弹窗 结束 -->
<script type="text/javascript">
wdh=$(window).width();
left=(wdh-330)/2;
www=$(document).width();
hhh=$(document).height();
 $(document).ready(function(){
	//保存为草稿
	$("#contact_btn1").click(function(){
	$("#Popups_savech").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_savech").css('margin-left',left);
	$("#Con_box_savech").css('margin-top','750px');
});
	$("#closePopups_savech").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	$("#Popups_saveyes").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_saveno").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	//保存并上线
	$("#contact_btn2").click(function(){
	$("#Popups_saveup").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_saveup").css('margin-left',left);
	$("#Con_box_saveup").css('margin-top','750px');
});
	$("#closePopups_saveup").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	$("#Popups_saveupyse").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_saveupno").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	//取消
	$("#p_savenone").click(function(){
	$("#Popups_savenone").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_savenone").css('margin-left',left);
	$("#Con_box_savenone").css('margin-top','750px');
});
	$("#closePopups_savenone").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	$("#Popups_savenoneyse").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_savenoneno").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	$("#page_index ").css('width',www);
});
$(window).resize(function(){
	wdh=$(window).width();
	left=(wdh-330)/2;
	www=$(document).width();
	//保存为草稿
	$("#Con_box_savech").css('margin-left',left);
	$("#Con_box_savech").css('margin-top','750px');
	//保存并上线
	$("#Con_box_saveup").css('margin-left',left);
	$("#Con_box_saveup").css('margin-top','750px');
	//取消
	$("#Con_box_savenone").css('margin-left',left);
	$("#Con_box_savenone").css('margin-top','750px');
	
	$("#page_index ").css('width',www);
});
</script>
    </body>
</html>